昨天學了Node.js+Express API,今天來學前端React+ngrok
這對前端開發者特別實用,因為很多時候我們辛苦做好的前端頁面,只能在自己的電腦localhost:3000打開,卻沒辦法分享給別人看
有了ngrok,就能快速把本地React專案分享出去,甚至可以讓別人直接用手機打開測試
1.React專案快速建立
先用Create React App建立一個最簡單的專案
在cmd輸入以下指令
npx create-react-app my-app
cd my-app
npm start
這時候React預設會跑在http://localhost:3000
打開瀏覽器,就能看到React的預設首頁
接著開啟另一個cmd輸入ngrok http 3000,就能拿到紅框內的網址,把這個網址分享給別人,他們就能直接看到你電腦跑的React網站了